<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>世界纪元</title>
    <!-- 初始化页面样式 -->
    <link rel="stylesheet" href="../../css/init.css" />
    <link rel="stylesheet" href="../../css/03.css" />
    <script src="../../js/rem.js"></script>
</head>

<body>
    <div class="main-02 bj-option">
        <!--喇叭-->
        <img src="../../img/02/btn-mute.png" class="mute-icon" alt="">
        <div class="top">
            <div class="left">
                <img src="../../img/02/logo.png" class="logo-image" alt="">
                <div class="text">
                    <div class="text-01">世界纪元</div>
                    <div class="text-02">跨时代多文明探索策略手游</div>
                </div>
            </div>
        </div>
        <!-- 中间内容 -->
        <div class="middle">
            <!--左侧菜单-->
            <div class="left-menu">
                <img src="../../img/02/menu-left-bar.png" class="menu-left-bar-img" alt="">
                <ul>
                    <li>
                        <img class="menu-col-bg" src="../../img/menu/menu-col-bg.png">
                        <span class="menu-text">首页</span>

                    </li>
                    <li>
                        <img class="menu-col-bg" src="../../img/menu/menu-col-bg.png">
                        <span class="menu-text">预约里程碑</span>

                    </li>
                    <li>
                        <img class="menu-col-bg" src="../../img/menu/menu-col-bg-active.png">
                        <span class="menu-text">邀请任务</span>

                    </li>
                    <li>
                        <img class="menu-col-bg" src="../../img/menu/menu-col-bg.png">
                        <span class="menu-text">时代文明</span>

                    </li>
                    <li>
                        <img class="menu-col-bg" src="../../img/menu/menu-col-bg.png">
                        <span class="menu-text">游戏特色</span>

                    </li>
                    <li>
                        <img class="menu-col-bg" src="../../img/menu/menu-col-bg.png">
                        <span class="menu-text">新闻资讯</span>

                    </li>
                </ul>
            </div>
            <div class="rewards-container">
                <!-- 邀请奖励 -->
                <div class="invitation-rewards-div">
                    <div class="invitation-top-div">
                        <div class="invitation-left-detail">
                            <div class="device-description">仅安卓玩家</div>
                            <div class="has-invitation-ally">已邀请<span>1</span>名盟友</div>
                        </div>
                        <div class="records-div">
                            <div class="ally-records">结盟记录</div>
                            <div class="invitation-records">邀请记录</div>
                        </div>
                    </div>
                    <div class="ally-rewards-div">
                        <div class="ally-rewards-title">
                            邀请盟友奖励
                        </div>
                        <div class="ally-rewards-level">
                            <div class="one-ally ally-div">
                                <div class="ally-title">邀请<span>1</span>名盟友</div>
                                <div class="ally-rewards-list">
                                    <div class="ally-rewards-item">
                                        <div class="ally-rewards-img"></div>
                                        <div class="ally-rewards-text">银币X188</div>
                                    </div>
                                    <div class="ally-rewards-item">
                                        <div class="ally-rewards-img"></div>
                                        <div class="ally-rewards-text">银币X188</div>
                                    </div>
                                    <div class="ally-rewards-item">
                                        <div class="ally-rewards-img"></div>
                                        <div class="ally-rewards-text">银币X188</div>
                                    </div>
                                </div>
                                <div class="received-btn ally-btn"></div>
                            </div>
                            <div class="one-ally ally-div">
                                <div class="ally-title">邀请<span>1</span>名盟友</div>
                                <div class="ally-rewards-list">
                                    <div class="ally-rewards-item">
                                        <div class="ally-rewards-img"></div>
                                        <div class="ally-rewards-text">银币X188</div>
                                    </div>
                                    <div class="ally-rewards-item">
                                        <div class="ally-rewards-img"></div>
                                        <div class="ally-rewards-text">银币X188</div>
                                    </div>
                                    <div class="ally-rewards-item">
                                        <div class="ally-rewards-img"></div>
                                        <div class="ally-rewards-text">银币X188</div>
                                    </div>
                                </div>
                                <div class="received-btn ally-btn"></div>
                            </div>
                            <div class="one-ally ally-div">
                                <div class="ally-title">邀请<span>1</span>名盟友</div>
                                <div class="ally-rewards-list">
                                    <div class="ally-rewards-item">
                                        <div class="ally-rewards-img"></div>
                                        <div class="ally-rewards-text">银币X188</div>
                                    </div>
                                    <div class="ally-rewards-item">
                                        <div class="ally-rewards-img"></div>
                                        <div class="ally-rewards-text">银币X188</div>
                                    </div>
                                    <div class="ally-rewards-item">
                                        <div class="ally-rewards-img"></div>
                                        <div class="ally-rewards-text">银币X188</div>
                                    </div>
                                </div>
                                <div class="received-btn ally-btn"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 渠道奖励 -->
                <div class="channel-rewards-div"></div>
            </div>
            <!-- 右侧美女图片 -->
            <div></div>
        </div>
        <div class="bottom"></div>
    </div>
</body>

</html>